import React from 'react'

//Test1调用几次？ 1+n次
export default function Test1() {
	console.log('Test1')
	const [sum,setSum] = React.useState(0)
	const [name,setName] = React.useState('老刘')

	//加
	function increment(){
		// setSum( (s)=>s+1 ) //第一种更新sum的方法
		setSum(sum+1) //第二种更新sum的方法
	}

	function changeName(){
		setName('老孙')
	}
	
	return (
		<div>
			<h2>当前求和为:{sum}</h2>
			<h2>人名为:{name}</h2>
			<button onClick={increment}>+1</button>
			<button onClick={changeName}>改名</button>
		</div>
	)
}
